/* reset css */
*,
::before,
::after{
    padding: 0;
    margin: 0;
    /*点击高亮效果*/
    -webkit-tap-highlight-color:transparent;/*清除点击高亮效果*/
    /*设置宽度以边框开始计算*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body{
    font-family:"MicroSoft YaHei",sans-serif;/*备用的默认字体*/
    /* color: #333; */
}

ol,ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: #666;
}
a:hover{
  text-decoration: none;
    color: #666;
}

input{
    border: none;
    outline: none;
    /*在移动端清除浏览器默认样式*/
    -webkit-appearance: none;
}

.f_left{
    float: left;
}
.f_right{
    float: right;
}
.clearfix::after,
.clearfix::before{
    content: ".";
    line-height: 0;
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}


.container{
  width: 1200px;
  margin: 0 auto;
  
}

/*
1.当超小屏设备  -768px   版心容器   100%    背景颜色  红色
2.当小屏设备   768-992    版心容器    750px   背景颜色  粉色
3.当中屏设备   992-1200  版心容器    970px   背景颜色  蓝色
4.当大屏设备   1200-     版心容器    1170px  背景颜色  紫色
18.5英寸/1366*768
19英寸/1440*900
20英寸/1600*900
 */


 /* @media screen and(max-width:768){
  .container{
      width: 100%;  
  }
  html{
    font-size: 100px;
  }
 }
@media screen and (min-width: 960px) {
  .container{
      width: 600px;
  }
  html{
    font-size: 50px;
  }
}
@media screen and (min-width: 992px){
  .container{   
    width: 620px;   
  }
  html{
    font-size: 51.67px;
  }
}
@media screen and(min-width:1200px){
  .container{
    width: 750px;   
  }
  html{
    font-size: 62.5px;
  }
}
@media screen and(min-width:1366px){
  .container{
    width: 853.75px;   
  }
  html{
    font-size: 71.14px;
  }
}
@media screen and(min-width:1440px){
  .container{
    width: 900px;   
  }
  html{
    font-size: 75px;
  }
}
@media screen and(min-width:1600px){
  .container{
    width: 1000px;   
  }
  html{
    font-size: 83.33px;
  }
}
@media screen and(min-width:1820px){
  .container{
    width: 1137.5px;   
  }
  html{
    font-size: 94.8px;
  }
}
@media screen and (min-width:1920px){
  .container{
      width: 1200px;   
  }
  html{
    font-size: 100px;
  }
} */
@media screen and(max-width:1200px){
  .container{
    width: 750px;  
    margin:0 auto; 
  }
  .banner .container>div{
    position: fixed;
  }
  
}
